<!DOCTYPE html>
<html lang="zh-CN">

  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Your description">
  <meta name="author" content="Your name">
  <meta name="generator" content="Hugo 0.81.0" />
  <title>Agency</title>
  <!-- Stylesheets -->
  <link href="http://swankytiger.gitee.io/blog/css/bootstrap-v3.3.7/bootstrap.min.css" rel="stylesheet">
  <link href="http://swankytiger.gitee.io/blog/css/agency.css" rel="stylesheet">
  <link href="http://swankytiger.gitee.io/blog/css/jquery.form-validator-v2.3.44/theme-default.min.css" rel="stylesheet">

  

  <!-- Custom Fonts -->
  <link href="http://swankytiger.gitee.io/blog/font-awesome-v4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
  

  
    <link rel="shortcut icon" type="image/x-icon" href="http://swankytiger.gitee.io/blog/favicon.ico">
    <link rel="icon" type="image/x-icon" href="http://swankytiger.gitee.io/blog/favicon.ico">
  

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>


  <body id="page-top" class="index">
    <!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">

    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header page-scroll">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
        <a class="navbar-brand page-scroll" href="/#page-top">
          欣文化
        </a>
      

    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="hidden">
          <a href="/#page-top"></a>
        </li>

        
          <li>
            <a href="#">首页</a>
          </li>
        

        
          <li>
            <a class="page-scroll" href="http://swankytiger.gitee.io/blog/#services">技能</a>
          </li>
        

        
          <li>
            <a class="page-scroll" href="http://swankytiger.gitee.io/blog/#portfolio">作品</a>
          </li>
        

        
          <li>
            <a class="page-scroll" href="http://swankytiger.gitee.io/blog/#about">关于</a>
          </li>
        

        
          <li>
            <a class="page-scroll" href="http://swankytiger.gitee.io/blog/#team">老师</a>
          </li>
        

        
          <li>
            <a class="page-scroll" href="http://swankytiger.gitee.io/blog/#contact">联系</a>
          </li>
        

        
      </ul>
    </div>
    <!-- /.navbar-collapse -->
  </div>
  <!-- /.container-fluid -->
</nav>

    <!-- Hero -->
<header>
  <div class="container">
    <div class="intro-text">
      <div class="intro-lead-in">欢迎来到我的工作室!</div>
      <div class="intro-heading">很高兴认识你</div>
      <a href="#services" class="page-scroll btn btn-xl">更多</a>
    </div>
  </div>
</header>


    
      <!-- Services -->
<section id="services">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">技能</h2>
        <h3 class="section-subheading text-muted">技能副标题.</h3>
      </div>
    </div>
    
      <div class="row text-center">
        
          <div class="col-md-4">
            <span class="fa-stack fa-4x">
              <i class="fa fa-circle fa-stack-2x text-primary"></i>
              <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
            </span>
            <h4 class="service-heading"><a href="http://swankytiger.gitee.io/blog">标题一</a></h4>
            <p class="text-muted">简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一简单介绍一.</p>
          </div>
        
          <div class="col-md-4">
            <span class="fa-stack fa-4x">
              <i class="fa fa-circle fa-stack-2x text-primary"></i>
              <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
            </span>
            <h4 class="service-heading"><a href="http://swankytiger.gitee.io/blog">标题二</a></h4>
            <p class="text-muted">简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二简单介绍二.</p>
          </div>
        
          <div class="col-md-4">
            <span class="fa-stack fa-4x">
              <i class="fa fa-circle fa-stack-2x text-primary"></i>
              <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
            </span>
            <h4 class="service-heading"><a href="http://swankytiger.gitee.io/blog">标题三</a></h4>
            <p class="text-muted">简单介绍三简单介绍三简单介绍三简单介绍三简单介绍三简单介绍三简单介绍三简单介绍三简单介绍三.</p>
          </div>
        
      </div>
    
  </div>
</section>

    

    
      <!-- Portfolio Grid Section -->
<section id="portfolio" class="bg-light-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">作品</h2>
        <h3 class="section-subheading text-muted">作品副标题作品副标题作品副标题.</h3>
      </div>
    </div>
    <div class="row">

      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/roundicons-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Round Icons</h4>
            <p class="text-muted">Graphic Design</p>
          </div>
        </div>
      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/startup-framework-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Startup Framework</h4>
            <p class="text-muted">Website Design</p>
          </div>
        </div>
      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/treehouse-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Treehouse</h4>
            <p class="text-muted">Website Design</p>
          </div>
        </div>
      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/golden-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Golden</h4>
            <p class="text-muted">Website Design</p>
          </div>
        </div>
      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/escape-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Escape</h4>
            <p class="text-muted">Website Design</p>
          </div>
        </div>
      
        <div class="col-md-4 col-sm-6 portfolio-item">
          <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
            <div class="portfolio-hover">
              <div class="portfolio-hover-content">
                <i class="fa fa-plus fa-3x"></i>
              </div>
            </div>
            
            <img src="http://swankytiger.gitee.io/blog/img/portfolio/dreams-preview.png" class="img-responsive" alt="">
          </a>
          <div class="portfolio-caption">
            <h4>Dreams</h4>
            <p class="text-muted">Website Design</p>
          </div>
        </div>
      

    </div>
  </div>
</section>

    

    
      <!-- About Section -->
<section id="about">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">关于</h2>
        <h3 class="section-subheading text-muted">关于副标题关于副标题关于副标题.</h3>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <ul class="timeline">

          
            <li >
              <div class="timeline-image">
                
                <img class="img-circle img-responsive" src="http://swankytiger.gitee.io/blog/img/about/1.jpg" alt="">
              </div>
              <div class="timeline-panel">
                <div class="timeline-heading">
                  <h4>2009-2011</h4>
                  <h4 class="subheading">Our Humble Beginnings</h4>
                </div>
                <div class="timeline-body">
                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                </div>
              </div>
            </li>
          
            <li class="timeline-inverted" >
              <div class="timeline-image">
                
                <img class="img-circle img-responsive" src="http://swankytiger.gitee.io/blog/img/about/2.jpg" alt="">
              </div>
              <div class="timeline-panel">
                <div class="timeline-heading">
                  <h4>March 2011</h4>
                  <h4 class="subheading">An Agency is Born</h4>
                </div>
                <div class="timeline-body">
                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                </div>
              </div>
            </li>
          
            <li >
              <div class="timeline-image">
                
                <img class="img-circle img-responsive" src="http://swankytiger.gitee.io/blog/img/about/3.jpg" alt="">
              </div>
              <div class="timeline-panel">
                <div class="timeline-heading">
                  <h4>December 2012</h4>
                  <h4 class="subheading">Our Humble Beginnings</h4>
                </div>
                <div class="timeline-body">
                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                </div>
              </div>
            </li>
          
            <li class="timeline-inverted" >
              <div class="timeline-image">
                
                <img class="img-circle img-responsive" src="http://swankytiger.gitee.io/blog/img/about/4.jpg" alt="">
              </div>
              <div class="timeline-panel">
                <div class="timeline-heading">
                  <h4>July 2014</h4>
                  <h4 class="subheading">Phase Two Expansion</h4>
                </div>
                <div class="timeline-body">
                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                </div>
              </div>
            </li>
          

          <li class="timeline-inverted">
            <div class="timeline-image">
              <h4>Be part<!-- raw HTML omitted -->of our<!-- raw HTML omitted -->story!</h4>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

    

    
      <!-- Team Section -->
<section id="team" class="bg-light-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">老师</h2>
        <h3 class="section-subheading text-mutedwith ">老师副标题老师副标题老师副标题.</h3>
      </div>
    </div>
    <div class="row flexbox">
      
        <div class="col-sm-12 col">
          <div class="team-member">
            
            <img src="http://swankytiger.gitee.io/blog/img/team/1.jpg" class="img-responsive img-circle" alt="Kay Garland">
            <h3>Kay Garland</h3>

            
            <h4>Lead Designer</h4>
            
            
            <h5 class="report">Reports to CTO</h5>
            

            
            <h5>Lives in <a href="#some-maps-url">Munich, Germany</a></h5>
            

            
            <ul>
              
                <li>UX for <a href="#">member dashboard</a></li>
              
                <li>Maintainer for <a href="#">awesome-project</a></li>
              
                <li>Open Source <a href="#">community management</a></li>
              
            </ul>
            

            <ul class="list-inline social-buttons">
              
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
              
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
              
            </ul>

            
            <p class="team-bio">Kay is an awesome Lead Designer with heaps of experience in the field of UX.
She worked at Pied Piper for years until they went belly up.</p>
            

          </div>
        </div>
      
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 text-center">
        <p class="large text-muted">老师介绍老师介绍老师介绍老师介绍老师介绍老师介绍.</p>
      </div>
    </div>
  </div>
</section>

    

    
      <!-- Clients Aside -->
<aside class="clients">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
<h4 class="heading"></h4>
      </div>
    </div>
    <div class="row flexbox">

      

    </div>
  </div>
</aside>

    

    
      
<!-- Contact Section -->

<section id="contact">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">

        
        <h2 class="section-heading">联系我们</h2>
        

        
        <h3 class="section-subheading text-muted">联系我副标题.</h3>
        

      </div>
    </div>
    <div class="row">
      <div class="col-lg-6 col-xs-6 col-md-6 col-sm-6 text-right">
        <p style="color: white">地址：</p>
        <p style="color: white">联系电话：</p>
        <p style="color: white">QQ：</p>
        <p style="color: white">邮编：</p>
        <p style="color: white">邮箱：</p>
        <p style="color: white">微信：</p>
      </div>
      <div class="col-lg-6 col-xs-6 col-md -6 col-sm-6 text-left">
        <p style="color: white">天津虚拟地址007栋</p>
        <p style="color: white">15100000000</p>
        <p style="color: white">861900000</p>
        <p style="color: white">360000</p>
        <p style="color: white">123@qq.com</p>
        
        <p style="color: white"><img src="http://swankytiger.gitee.io/blog/img/wechat.png" alt="微信" style="height: 10em;width: 10em;" class="wechat-png"></p>
      </div>
    </div>
    <form></form>
  </div>
</section>
<style>
   
  .bigImg {
    position: absolute;
    top: 50%;
    left: 50%;
     
    transform: translate(-50%,-50%);
  }
   
  .opacityBottom {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
    top: 0;
    left: 0;
  }
</style>
    

    
      <!-- Footer section -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <span class="copyright">Published under the Apache License 2.0.</span>
      </div>
    </div>
  </div>
</footer>

    

    
      <!-- Portfolio Modals -->

  <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Round Icons</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/roundicons.png" alt="">
              <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! <!-- raw HTML omitted --><!-- raw HTML omitted --><strong>Want these icons in this portfolio item sample?</strong> You can download 60 of them for free, courtesy of <a href="//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">RoundIcons.com</a>, or you can purchase the 1500 icon set <a href="//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">here</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-05</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Graphic Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Startup Framework</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/startup-framework.png" alt="">
              <p><a href="//designmodo.com/startup/?u=787">Startup Framework</a> is a website builder for professionals. Startup Framework contains components and complex blocks (PSD+HTML Bootstrap themes and templates) which can easily be integrated into almost any design. All of these components are made in the same style, and can easily be integrated into projects, allowing you to create hundreds of solutions for your future projects. <!-- raw HTML omitted --><!-- raw HTML omitted -->You can preview Startup Framework <a href="//designmodo.com/startup/?u=787">here</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-06</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Website Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Treehouse</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/treehouse.png" alt="">
              <p>Treehouse is a free PSD web template built by <a href="//www.behance.net/MathavanJaya">Mathavan Jaya</a>. This is bright and spacious design perfect for people or startup companies looking to showcase their apps or other projects. <!-- raw HTML omitted --><!-- raw HTML omitted -->You can download the PSD template in this portfolio sample item at <a href="freebiesxpress.com/gallery/treehouse-free-psd-web-template/">FreebiesXpress.com</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-07</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Website Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Golden</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/golden.png" alt="">
              <p>Start Bootstrap&rsquo;s Agency theme is based on Golden, a free PSD website template built by <a href="//www.behance.net/MathavanJaya">Mathavan Jaya</a>. Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs. <!-- raw HTML omitted --><!-- raw HTML omitted -->You can download the PSD template in this portfolio sample item at <a href="//freebiesxpress.com/gallery/golden-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-09</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Website Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Escape</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/escape.png" alt="">
              <p>Escape is a free PSD web template built by <a href="//www.behance.net/MathavanJaya">Mathavan Jaya</a>. Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services. <!-- raw HTML omitted --><!-- raw HTML omitted -->You can download the PSD template in this portfolio sample item at <a href="//freebiesxpress.com/gallery/escape-one-page-psd-web-template/">FreebiesXpress.com</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-08</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Website Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">
            <div class="modal-body">
              <h2>Dreams</h2>
              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
              
              <img class="img-responsive img-centered" src="http://swankytiger.gitee.io/blog/img/portfolio/dreams.png" alt="">
              <p>Dreams is a free PSD web template built by <a href="//www.behance.net/MathavanJaya">Mathavan Jaya</a>. Dreams is a modern one page web template designed for almost any purpose. It’s a beautiful template that’s designed with the Bootstrap framework in mind. <!-- raw HTML omitted --><!-- raw HTML omitted -->You can download the PSD template in this portfolio sample item at <a href="//freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
              <ul class="list-inline">
                <li>Date: 2014-07-10</li>
                <li>Client: <a href="#">Start Bootstrap</a></li>
                <li>Category: Website Design</li>
              </ul>
              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


    

    <!-- jQuery -->
<script src="http://swankytiger.gitee.io/blog/js/jquery-v3.3.1/jquery.min.js"></script>

<!-- Bootstrap Core -->
<script src="http://swankytiger.gitee.io/blog/js/bootstrap-v3.3.7/bootstrap.min.js"></script>

<!-- Form Validation -->
<script src="http://swankytiger.gitee.io/blog/js/jquery.form-validator-v2.3.44/jquery.form-validator.min.js"></script>

<!-- Custom Theme -->
<script src="http://swankytiger.gitee.io/blog/js/agency.js"></script>









  </body>
</html>
